@@include('include/header.html',{"name": "tooltips","desc": "工具提示条"})

<section id="tooltips">
   
    <div class="demo-item">
        <p class="demo-desc">工具提示条</p>
        <div class="demo-block">
            <div class="ui-tooltips ui-tooltips-warn">
                <div class="ui-tooltips-cnt ui-tooltips-cnt-link ui-border-b">
                    <i></i>异常状态相关提示异常状态相关提示异常状态相关提示异常状态相关提示
                </div>
            </div>
            <div class="ui-tooltips ui-tooltips-warn">
                <div class="ui-tooltips-cnt ui-border-b">
                    <i></i>客观情况告知客观情况告知客观情况告知客观情况告知<a class="ui-icon-close"></a>
                </div>
            </div>
            <div class="ui-tooltips ui-tooltips-guide">
                <div class="ui-tooltips-cnt ui-tooltips-cnt-link ui-border-b">
                    <i class="ui-icon-talk"></i>进行时状态相关进行时状态相关进行时状态相关进行时状态相关
                </div>
            </div>
            <div class="ui-tooltips ui-tooltips-guide">
                <div class="ui-tooltips-cnt ui-border-b">
                    <i></i>新手引导、新功能推荐、广告推广等。新手引导、新功能推荐、广告推广等。<a class="ui-icon-close"></a>
                </div>
            </div>
        </div>
    </div>
</section>

@@include('include/footer.html')